<div class="swiper-container" id="article-large-container">
    <div class="title-box">
        <div class="english">
            ARTICLE
        </div>
        <div class="chinese">
            <div class="decoration"></div>
            <div class="text">纹发资讯</div>
            <div class="decoration"></div>
        </div>
    </div>
    <div class="v-blank-10"></div>
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="main-article-box">
                <div class="v-blank-10"></div>
                <img class="img" src="images/news/tuofa-zixun-banner.png"></img>
                <div class="v-blank-10"></div>
                <div class="date-and-view">
                    <div class="date">2020-10-26</div>
                    <div class="view">
                        <div class="decoration"></div>
                        <div class="view-times">1000</div>
                    </div>
                </div>
                <div class="title">有哪些原因造成男性秃顶？</div>
                <div class="content-box">
                    人到了中年，无可避免会遇到很多问题，而中年男人恐惧之一就是不想变得油腻。虽然说不再年轻，但是形象还是需要的人到了中年，无可避免会遇到很多问题，而中年男人恐惧之一就是不想变得油腻。虽然说不再年轻，但是形象还是需要的......
                </div>
                <div class="v-blank-30"></div>
                <div class="hr"></div>
            </div>
            <div class="v-blank-30"></div>
            <div class="else-article-box">
                <div class="element">
                    <img class="img" src="images/news/tuofa-zixun-article-1.png"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">
                            有哪些原因造成男性秃顶？
                        </div>
                        <div class="content-box">
                            人到了中年，无可避免会遇到很多问题，而中年男人恐惧之一就是不想变得油腻。虽然说不再年轻，但是形象还是需要的......
                        </div>
                    </div>
                </div>
                <div class="v-blank-30"></div>
                <div class="element">
                    <img class="img" src="images/news/tuofa-zixun-article-2.png"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">
                            有哪些原因造成男性秃顶？
                        </div>
                        <div class="content-box">
                            人到了中年，无可避免会遇到很多问题，而中年男人恐惧之一就是不想变得油腻。虽然说不再年轻，但是形象还是需要的......
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article-large-pagination-container">
    <div class="v-blank-20"></div>
    <div class="article-large-pagination"></div>
    <div class="v-blank-20"></div>
</div>
<div class="common-button">
    <a href="news-list.php">
        <div class="button">
            了解更多
        </div>
    </a>
</div>
<script>
    var articleLargeSwiper = new Swiper('#article-large-container', {
        pagination: {
            el: '.article-large-pagination',
        },
    })
</script>